<div>
    <div class="margin-bottom-lg" style="font-size: 24px;">今日数据</div>
    <div class="row">
        <div class="col-lg-3">
            <div class="white-bg text-center padding-top-sm" style="height:140px;border: 1px solid #e0e5eb;">
                <div style="font-size: 38px;font-weight: 600;color: #1acda1;">{{shopIndexInfo.shopVisitCount}}</div>
                <div class="margin-top-lg" style="font-size: 20px;font-weight: 100;">店铺访问次数 (次)</div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="white-bg text-center padding-top-sm" style="height:140px;border: 1px solid #e0e5eb;">
                <div style="font-size: 38px;font-weight: 600;color: #ffae11;">{{shopIndexInfo.waitShopOrderCount}}
                </div>
                <div class="margin-top-lg" style="font-size: 20px;font-weight: 100;">待处理订单 (件)</div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="white-bg text-center padding-top-sm" style="height:140px;border: 1px solid #e0e5eb;">
                <div style="font-size: 38px;font-weight: 600;color: #ff7911;">{{shopIndexInfo.returnOrderCount}}</div>
                <div class="margin-top-lg" style="font-size: 20px;font-weight: 100;">退货订单 (件)</div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="white-bg text-center padding-top-sm" style="height:140px;border: 1px solid #e0e5eb;">
                <div style="font-size: 38px;font-weight: 600;color: #3a68f2;">{{shopIndexInfo.todayMoney}}</div>
                <div class="margin-top-lg" style="font-size: 20px;font-weight: 100;">成交金额 (元)</div>
            </div>
        </div>
    </div>
    <div class="row margin-top">
        <div class="col-lg-6">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>热卖商品</h5>
                </div>
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                        <tr>
                            <th class="text-center">商品编号</th>
                            <th class="text-center">商品名称</th>
                            <th class="text-center">商品规格</th>
                            <th class="text-center">购买数量</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="product in shopIndexInfo.products">
                            <td class="text-center">{{product.productId}}</td>
                            <td class="text-center">{{product.prodName}}</td>
                            <td class="text-center">{{product.specName}}</td>
                            <td class="text-center">{{product.sales}}</td>
                        </tr>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="7">
                                <ul class="pagination float-right"></ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>用户访问</h5>
                </div>
                <div class="ibox-content">
                    <div id="userEchatjs" style="height:400px;width: 100%;"></div>
                </div>
            </div>
        </div>
    </div>
</div>